<template>
  <div class="header">
    <img src="../../assets/椭圆 8@2x(1).png" alt="">
    <span>{{title}}</span>
  </div>
</template>

<script>
export default {
  name: "stopStatusHeader",
  props:{
    title:{type:String,default:'停车位实时状态'}
  }
}
</script>

<style lang="scss" scoped>
@import '@/assets/scss/common.scss';
.header{
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #1C2526;
  border-radius: 12px;
  padding: 1vh 10px 1vh 0;
  height: 3vh;
  font-size: 3vh;
}
img{
  height: 11px;
  width: 11px;
}
span{
  margin-left: 9px;
  color: #fff;
  display: flex;
  flex-wrap: nowrap;
}
</style>